<template>
 <div>
 <div class="store"  @click="$router.push('/detail/'+item.houseCode)" >
     <div class="left">
      <img :src="avatar+item.houseImg" alt="">
     </div>
     <div class="right">
      <h4>{{item.title}}</h4>
      <p>{{item.desc}}</p>
      <div class="subway">{{item.tags[0]}}</div>
      <a href="#">{{item.price}}元/月</a>
     </div>
   </div>
 </div>
</template>

<script>
 export default {
   name: 'HouseItem',
   props: {
    item:Object
   },
  data(){
    return{
      avatar: 'http://liufusong.top:8080',
    }
  },
  methods:{
   
  }
 }
</script>

<style scoped lang='less'>
.store {
   display: flex;
   height: 150px;
   .left {
    width: 122px;
    height:122px;;
    
    margin-right:14px;
    overflow: hidden;
    img{
      width: 100%;
    }
   }
   .right {
    height:112px ;
    width: 171px;
    h4 {
      height: 5px;
      font-size: 14px;
    }
    p {
      font-size: 12px;
       color: #AAAAAA;
       line-height: 15px;
    }
    .subway {
      width: 60px;
      height: 20px;
      font-size: 12px;
      text-align: center;
      line-height: 20px;
      background-color:#e1f5f8 ;
      color: #62cbd7;
    }
    a {
      display: block;
      width: 100px;
      height: 20px;
      font-size: 16px;
      text-align: center;
      line-height:20px ;
      color:red;

    }
   }
}
</style>